<template>
    <div>
        <!-- .sync -->
        <Son :name.sync='name'></Son>
        <!-- v-model：子组件中被注入一个value的值和一个input的函数 -->
        <Son2 v-model='name' ref='myRef'></Son2>
        <!-- <h1 ref='myRef'>我是ref</h1> -->
    </div>
</template>
<script>
import Son from './Son';
import Son2 from './Son2';
export default {
    mounted(){
        //写动画 写轮播 ref获取元素，操作元素
        const h1= this.$refs.myRef
        h1.value='我是华晨宇'
        console.log(h1)
    },
    components:{Son,Son2},
    data(){
        return {
            obj:{id:1,name:'max_dc',$:'10000$'},
            name:'我是颜人中',
        }
    },
}
</script>